<template>


    <a-modal :title="title" :width="600" :destroyOnClose="true" :maskClosable="false" :footer="false"
             :visible="visible" @cancel="handleCancel"
    >

        <video :src="url" controls="controls" width="100%" height="300px" autoplay="autoplay">
            您的浏览器不支持 video 标签。
        </video>


    </a-modal>

</template>
<script>
    export default {

        props:["url"],
        data() {
            return {
                loading: false, //按钮Loading
                title:"视频素材预览",
                visible: true, //modal 显示状态
            };
        },
        methods: {


            //关闭弹窗
            handleCancel() {
                this.visible = false;
                this.$emit('closeModal', {
                    render: false
                });
            },




            //完成监听
            onSubmit(e) {
                //AJAX时间数据处理

                //关闭弹窗
                this.visible = false;
                this.$emit('closeModal', {render: false});

            },
            ///分组选择
            onChange(checkedValues) {
                console.log('checked = ', checkedValues);
            },



        },
    };
</script>
